<style type="text/css">
<!--
.menu${portletid}{ width:964px; height:32px; margin:0px auto; background:url(${resourcePath}/images/menuc.gif) center top repeat-x; }
.menu${portletid} li{float:left; background:url(${resourcePath}/images/menu_line.gif) right no-repeat;}
.menu${portletid} a{ height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#555; text-decoration:none; width:120px; display:block; text-align:center;}
.menu${portletid} a:visited{height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#555; text-decoration:none; width:120px; display:block; text-align:center;}
.menu${portletid} a:hover,.menu${portletid} span a,.menu${portletid} span a:visited{background:url(${resourcePath}/images/hover.gif) no-repeat; color:#4d0084;}
-->
</style>

<div style="float:left"><img src="${resourcePath}/images/menul.gif" width="8" height="32" /></div>
<div class="menu${portletid}" style="float:left">
	<#list menu as channel>
		<#if "${pageId}"== "${channel.id}">
	 		 <span><li><a href="${contextPath}/cms/channel/layout/${channel.id}?isLayout=${isLayout}">${channel.channel_name}</a></li></span>
	 	<#else>
			 <li><a href="${contextPath}/cms/channel/layout/${channel.id}?isLayout=${isLayout}">${channel.channel_name}</a></li>
		</#if>
	    </#list>
</div>
<div class="menur " style="float:right"><img src="${resourcePath}/images/menur.gif" width="8" height="32" /></div>

    
